body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none;}i{ font-style: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;  }
input,textarea,select{*font-size:100%}a{text-decoration:none;}
html, body {height: 100%;}
body {	padding-top: constant(safe-area-inset-top);	padding-left: constant(safe-area-inset-left);	padding-right: constant(safe-area-inset-right);	padding-bottom: constant(safe-area-inset-bottom);}
html{font-size:100px;}
body{font-size:0.2rem;}
*{ outline: none; }img{display:block;width:100%;}
.hide{width: 0;height: 0;overflow: hidden;display: block;visibility: hidden;}
.pa{ position:absolute;}.pr{ position:relative;}.flex { display: -webkit-flex; display: flex;}
/*page*/
.index { position: relative; height: 100%; overflow: hidden;}
.index .wrapper { height: 100%; overflow: auto;  -webkit-overflow-scrolling : touch; }
.banner { background: url(../img/banner.jpg) no-repeat; background-size: 100% 100%; width: 7.5rem; height: 3.84rem;}
.btn-share { z-index: 20; position: absolute; top:3.2rem; right: 0; background: url(../img/btn-share.png) no-repeat; background-size: 100% 100%; width: .69rem; height: 1.43rem; text-indent: -9999em;}
.mod-main { margin: .12rem auto 0; width: 7.2rem;}
.mod-main .tit { padding-left:.16rem; height: .82rem; overflow: hidden; position: relative; z-index: 2;}
.mod-main .tit a { background: url(../img/tab_tit.png) no-repeat; background-size:3.29rem 2rem; width: 3.29rem; height: .82rem; display: inline-block; display: inline-block; text-align: center; line-height: .86rem; font-size: .33rem; color: #421700; font-weight: bold;}
.mod-main .tit a.on { background-position: 0 -1rem; color: #903302;}
.mod-main .bd { margin-top:-0.08rem; border:#fec94a 0.08rem solid; border-radius: 0.1rem; padding: .2rem 0 0; height: 8rem; overflow-y:hidden; background: #fff;}
.join-list { width: 6.8rem; margin: 0 auto;}
.join-list .select { text-align: center;}
.join-list .select select { display:inline-block; width: 30%; height: .58rem; line-height: .58rem; background: no-repeat; border: #bfb9a3 1px solid; border-radius: .1rem; font-size: .28rem; text-indent: .1rem; -webkit-appearance: none; background: url(../img/slect.png) right center no-repeat; background-size:.3rem auto; }
.join-list .list { margin-top:.3rem; height: 7rem; overflow: auto;  -webkit-overflow-scrolling : touch; }
.join-list .list li { background: url(../img/join_list_bg.png) no-repeat; background-size:100% 100%; width: 6.8rem; height: 1.17rem; margin-bottom: .13rem; overflow: hidden; justify-content: center; align-items: center;}
.join-list .list li img { border-radius: 50%; width: .8rem; height: .8rem; background: url(../img/join_tx_bg.png) no-repeat; background-size:100% 100%; padding: .1rem;}
.join-list .list li p { margin: 0 .2rem 0 .1rem; padding-left:.3rem; width:2.8rem; font-size: .24rem; color: #414141;}
.join-list .list li strong { display: block; font-size: .28rem; color: #903302;}
.join-list .list li a { background: url(../img/btn-join.png) no-repeat; background-size:100% 100%; width: 1.37rem; height: .6rem; line-height: .6rem; text-align: center; text-indent: -9999em;}
.school-pop { display: none; height: 7.8rem; overflow: auto;  -webkit-overflow-scrolling : touch;}
.school-pop .top-three { height:2.8rem; padding: 0 .3rem; justify-content: space-between;}
.school-pop .top-three li:nth-child(2) { background:url(../img/pop1.png) no-repeat; background-size:100% 100%; width: 1.81rem; height: 2.81rem; }
.school-pop .top-three li:nth-child(1) { background:url(../img/pop2.png) no-repeat; background-size:100% 100%; width: 1.72rem; height: 2.68rem; top:.18rem;}
.school-pop .top-three li:nth-child(3) { background:url(../img/pop3.png) no-repeat; background-size:100% 100%; width: 1.69rem; height: 2.61rem; top:.2rem;}
.school-pop .top-three li { position: relative;}
.school-pop .top-three li:after { position: absolute; content: '' ; left:-.36rem; top: -.3rem; background: url(../img/icon_pop.png) no-repeat; background-size:3rem 2rem; width: 1rem; height: 1.2rem;}
.school-pop .top-three li:nth-child(1):after { background-position: -1rem 0; width:.65rem;left:-.16rem; top: -.03rem;  }
.school-pop .top-three li:nth-child(3):after { background-position: -2rem 0; width: .65rem; left:-.16rem; top: -.03rem; }
.school-pop .top-three li img { width: 1.1rem; height: 1.1rem; border-radius: 50%; margin: 0 auto; margin-top:.44rem;}
.school-pop .top-three li:nth-child(2) img { width: 1.3rem; height: 1.3rem;}
.school-pop .top-three li p { padding-top:.16rem; text-align: center; font-size: .18rem; font-weight: bold; color: #ff2a00;}
.school-pop .top-three li p strong { font-size: .2rem; line-height: .25rem; height: .5rem; overflow: hidden; display: block; color: #000; display:flex; -webkit-display:flex; align-items: center; justify-content: center; }
.school-pop .top-three li:nth-child(1) p { padding-top:.22rem;}
.school-pop .self { margin-top:-.4rem; width: 100%; height: .92rem; background: #ffea5d;border-top:#ff903d .48rem solid; justify-content: center; align-items: center; overflow:hidden;}
.school-pop .self ul {  width: 6.67rem; margin: 0 auto;}
.school-pop .self li { height: .92rem; justify-content: space-between; align-items: center;}
.school-pop .list { width: 6.67rem;  margin: .2rem auto;}
.school-pop .list li { margin-bottom: .14rem; justify-content: space-between; align-items: center; background: url(../img/pop_list_bg.png) no-repeat; background-size:100% 100%; width: 6.67rem; height: .95rem;}
.school-pop .list li img, .school-pop .self li img {width: .75rem; height: .75rem; padding: 2px; background: #fff; border-radius: 50%;}
.school-pop .list li i.num, .school-pop .self li i.num { width: .65rem; text-align: center;  font-size: .3rem; color: #414141; padding: 0 .1rem; font-weight: bold;}
.school-pop .list li .xx, .school-pop .self li .xx {  padding-left:.2rem; width: 3rem; font-size: .28rem; font-weight: bold; color: #414141;}
.school-pop .list li .zl, .school-pop .self li .zl {  text-align: right; padding-right: .3rem;  font-weight: bold; font-size: .24rem;color: #414141; }
.school-pop .self li .zl { color: #f00;}
.school-pop .self li .xx i { font-size: .24rem; display: block;}

.share { background: #f88147;}
.mod-share { background: url(../img/share_bg.jpg) no-repeat; background-size:100% 100%; width: 7.5rem; height: 9.66rem;}
.mod-share .school { padding-top: .84rem; margin: 0 auto; width: 6.8rem; height: 1rem; overflow: hidden;}
.mod-share .school p{ padding:.1rem .16rem 0 1.65rem; height: .7rem; justify-content: space-between; align-items:flex-end;  font-size: .36rem; color: #000000;}
.mod-share .school span {  width: 2rem; text-align: center; }
.mod-share .school span.s { font-size: .24rem;}
.mod-share .school strong { width: 1.9rem; text-align: center; font-weight: normal; }
.mod-share .pop { margin-top:.36rem; text-align: center; height: 3.1rem;}
.mod-share .pop .tip { font-size: .42rem; font-weight: 400; color: #7b787b;}
.mod-share .pop .num { line-height: 1rem; display: inline-block; border-bottom: #757175 .02rem solid; font-size: .52rem; font-weight: 400; color: #29262a;}
.mod-share .pop .num strong { font-size: .8rem; color: #ff9e00; padding: 0 .2rem;}
.mod-share .pop .defeat { margin-top:.2rem; font-size: .33rem; color: #787578;}
.mod-share .pop .defeat strong { font-size: .48rem; color: #ffa200;}
.mod-share .info { padding-top:.2rem; text-align: center; font-size: .24rem; color: #787478; height: 1.6rem;}
.mod-share .info strong { color: #ffa200; font-size: .36rem; font-weight: normal;}
.mod-share .bot { padding: 0 .8rem; justify-content: space-between;}
.mod-share .bot .user { width: 3.8rem; height: 1.93rem; justify-content:left; align-items: center;}
.mod-share .user img { margin-right: .16rem; width: 1.79rem; height: 1.79rem; border:#ffdd8a .04rem solid; border-radius: 50%;}
.mod-share .user p { font-size: .24rem;}
.mod-share .user p strong { font-size: .35rem; font-weight: bold; display: block; color: #333232;}
.mod-share .wx { padding-top:.14rem; width: 2rem; text-align: center;}
.mod-share .wx img { width: 1.69rem; height: 1.69rem; margin: 0 auto;}
.mod-share .wx p { font-size: .2rem; font-weight: bold; color: #787478;}

/*2018/8/22 更新入口*/
.btn-group { background: url(../img/group_bg.png) no-repeat; background-size:100% 100%; right: 0; top:.2rem; width: 1.15rem; height: 0.55rem; line-height: .55rem; text-align: center; font-size: .28rem; font-weight: bold; color: #fff; text-indent: .2rem; }
.user-area { background: url(../img//area_bg.png) no-repeat; background-size: 100% 100%; top:2.9rem; left: 1.9rem; width: 3.6rem; height:.66rem; line-height:.64rem;  text-align: center; font-size: .43rem; font-weight: bold; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.6);}